.relative {position: relative;}
.full-version-site {width: 409px; background: #ffecc6; padding: 14px 11px 11px 0; position: absolute; top: 0; right: 316px;
    font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #130204; text-align: center;
    border-top: 1px solid #ffc140; border-bottom: 1px solid #ffc141; border-left: 4px solid #ffc140; border-right: 1px solid #ffc140;}
.full-version-site a {text-decoration: none;}

.full-version-site .close {display: block; cursor: pointer; width:13px; height: 13px; position: absolute; top:-1px; right: 0;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTU5NTU3QUNBREE0MTFFMkFFQjZCODM1QTE0NjJENTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTU5NTU3QURBREE0MTFFMkFFQjZCODM1QTE0NjJENTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNTk1NTdBQUFEQTQxMUUyQUVCNkI4MzVBMTQ2MkQ1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNTk1NTdBQkFEQTQxMUUyQUVCNkI4MzVBMTQ2MkQ1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PleWBqkAAACOSURBVHjaYpjHzfcfiJn+///PAMJANgOMjQUHgNSDGPnzePiJ0WgA0gBiwwTyCGiEa0DWhE+jALIGdE3YNGJoAGFGsE5UkDefV2AiUJYZyP6b+OUjI7oCXKG0DmTDzw8fFLH5EZuGApiTcEUHTg1QzIdNIz4NODUS0gDDesgaidGAoZGBSA0w7A9SDxBgAJh2nnrLmqK8AAAAAElFTkSuQmCC) no-repeat;      
}





.visually-link {display: block; position: absolute; top: 0; right: 0; background: #000; text-decoration: none;top: 12px; right:19px;
    font-family: Arial, Helvetica, sans-serif;  font-size: 19px; line-height: 19px; color: #fff; }
.visually-link span {text-decoration: underline; display: block; padding: 7px 12px 9px 12px;}

.visually-link:link, .visually-link, .visually-link:visited {color: #fff;text-decoration: none;}
.mini-link-visually {position: absolute; top: 0; right: 0; text-align: right;
    font-family: Arial, Helvetica, sans-serif; font-size: 19px; line-height: 19px; color: #000;}

.visually-color, .visually-size {float: right;}
.visually-color a {border: 1px solid #010101; background: #fff; padding: 2px 0 1px 0; width: 23px; font-size: 20px; line-height: 20px; text-align: center;
    -webkit-border-radius:3px;
     -khtml-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px; 
}
.mini-link-visually a, .mini-link-visually span {display: inline-block; }
.visually-color a:link {text-decoration: none;}

.visually-color {border-left: 1px solid #dbdad8; padding: 17px 0 0 13px; margin:  -1px 0 0 0;}
.visually-color a.bw {color: #000; background: #fff;}
.visually-color a.wb {color: #fff; background: #000;}

.visually-size {border-left: 1px solid #dbdad8; padding:  17px 13px 0 13px; margin-left: 17px;}
.visually-size a {font-weight: bold;}
.visually-size .size_1 {font-size: 14px;}
.visually-size .size_2 {font-size: 21px;}
.visually-size .size_3 {font-size: 26px;}

.visually-size a.active {text-decoration: none; color: #000;}
.visually-size + a {margin-top: 20px; display: inline-block;}






.black .mini-link-visually span {color: #fff;}
.black .visually-size a.active {color: #f7b934;}
.black .visually-color a {border: 1px solid #fff;}
.black .visually-size,.black  .visually-color { border-left: 1px solid #313131;}